<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>深圳市零刻云科技有限公司</title>
	<meta name="keywords" content="深圳市零刻云科技有限公司" />
	<meta name="description" content="深圳市零刻云科技有限公司" />
	<!-- 引入样式 -->
	<!-- import CSS -->
	<link rel="stylesheet" href="/Web/element.css">
	<link rel="stylesheet" href="/Web/common.css">
	<style>
		*{margin: 0;padding: 0;}
		.el-image__inner{
			vertical-align:middle
		}
		#app{height: 100vh;overflow: hidden;}
	</style>
</head>
<body>
<div id="app">
	<!-- 导航栏 -->
	 <!--<my-header>
        <my-drawer></my-drawer>
    </my-header>-->
	<include file="Public/header" />


	<video width="100%" autoplay muted loop>
		<source src="/Web/img/video.mp4" type="video/mp4">
		<!-- <source src="movie.ogg" type="video/ogg">
        <source src="https://upload.wikimedia.org/wikipedia/commons/8/87/Schlossbergbahn.webm" type="video/webm">
        <object data="movie.mp4" width="100%">
          <embed src="movie.swf" width="100%">
        </object>
        <source id="source" src="http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8"  type="application/x-mpegURL"> -->
	</video>



</div>
<script src="/Web/localLang.js"></script>
<script src="/Web/js/vue.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/hls.js@1.2.7/dist/hls.js"></script> -->
<!-- import JavaScript -->
<script src="/Web/js/element-ui.js"></script>
<script src="/Web/drawer.js"></script>
<script src="/Web/header.js"></script>
<script>
	// var HLS = window.Hls;
	// let hls = new HLS()
	new Vue({
		el: '#app',
		data: {
			draggable: true,
			resizable: false,
			visible:false,
			pageId:0,
			lang:Number(localStorage.getItem('langType')),
			hoverItem:0,
			proList:{:json_encode($menuGoods)}
		},
		mounted(){
			// this.start('1.m3u8')
		},
		computed:{
			list(){
				return [
					{id:0,drop:false,text:LANG[this.lang].home,href:'/'},
					<volist name="menuGoods" id="vo" key="k">
					{id:{$vo['gc_id']},drop:true, text:'{$vo['gc_name']}',href:"{:U('detail',['gc_id'=>$vo['gc_id']])}"},
					</volist>
					{id:3,drop:false,text:LANG[this.lang].quality,href:"{:U('qualification')}"},
					{id:4,drop:false,text:LANG[this.lang].about,href:"{:U('about')}"},
					{id:5,drop:false,text:LANG[this.lang].support,href:"{:U('support')}"},
				]},
		},
		methods: {
			start(url){
				if (HLS.isSupported()) {
					var video = document.getElementById('video');
					hls.attachMedia(video);
					hls.loadSource(url);
					hls.on(HLS.Events.MANIFEST_PARSED, () => {
						video.play();
						console.log("加载成功");
					});
					hls.on(HLS.Events.ERROR, (event, data) => {
						console.log("加载失败");
					});
				}
			},
			changePage(item){
				// $emit('changePage',id)
				if(item.id===1)return
				if(item.drop===true)return
				window.location.href=item.href
			},
			changeLanguage(){
				this.lang = Number(!Number(localStorage.getItem('langType')));
				// this.$parent.parentChangeLang(this.lang?'zh-CN':'en')
				localStorage.setItem('langType',this.lang)
				document.cookie = "langType="+this.lang;
				window.location.reload()
			}
		}
	});
</script>
</body>
</html>